<html>
  <wicket:head>
     <!-- Make the line numbers look good -->
     <style type="text/css">
      .CodeMirror-line-numbers {
        width: 2.2em;
        color: #aaa;
        background-color: #eee;
        text-align: right;
        padding-right: .3em;
        font-size: 12px;
        font-family: monospace;
        padding-top: .4em;
        line-height: normal;
      }
      
      .fullscreen {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        margin: 0;
        padding: 0;
        background: inherit;
      }
      
      .button-toolbar span {
           height: 16px;
           width: 16px;
           margin: 2px;
       }
       
      .button-toolbar a {
           float: left;
           margin: 0;
           padding: 0;
           background: none;
           border: none;
       }
       a.separator {
           /*border-right: 1px outset;
           padding-right: 5px;*/
           margin-right: 5px;
       }
       div.disabled .button-toolbar {
         display: none !important;
       }
    </style>
    <wicket:link>
    </wicket:link>
  </wicket:head>
<body>
<wicket:panel>
  <div wicket:id="editorContainer">
    <div wicket:id="toolbar" class="py-1">
      <wicket:link>
        <div class="button-group button-toolbar clearfix">
              <a class="button-undo icon" href="#a" title="Undo" id="cm_undo">
                <span></span>
              </a>
              <a class="button-redo icon separator" href="#a" title="Redo" id="cm_redo">
                <span></span>
              </a>
              <a class="button-goto icon" href="#a" title="Go to line ..." id="cm_goto">
                <span></span>
              </a>
              <a class="button-reformat icon separator" href="#a" title="Reformat" id="cm_reformat">
                <span></span>
              </a>
              <a class="button-find icon separator" href="#a" title="Find" id="cm_find">
                <span></span>
              </a>
               <a class="button-find-next icon separator" href="#a" title="Find next" id="cm_find_next">
                 <span></span>
               </a>
              <a class="button-replace icon separator" href="#a" title="Replace" id="cm_replace">
                 <span></span>
              </a>
              <wicket:message key="font"/>
              <select class="m-0" id="cm_font_size">
                <option value="8">8pt</option>
                <option value="10">10pt</option>
                <option value="12" selected="selected">12pt</option>
                <option value="14">14pt</option>
                <option value="16">16pt</option>
                <option value="18">18pt</option>
                <option value="20">20pt</option>
              </select>
              <wicket:message key="height"/>
              <select class="m-0" id="cm_editor_heigth">
                <option value="200">200px</option>
                <option value="250">250px</option>
                <option value="300" selected="selected">300px</option>
                <option value="350">350px</option>
                <option value="400">400px</option>
                <option value="450">450px</option>
                <option value="500">500px</option>
                <option value="450">550px</option>
                <option value="600">600px</option>
                <option value="650">650px</option>
                <option value="700">700px</option>
                <option value="750">750px</option>
                <option value="800">800px</option>
                <option value="850">850px</option>
                <option value="900">900px</option>
                <option value="950">950px</option>
                <option value="1000">1000px</option>                  
              </select>

              <a class="icon separator" wicket:id="custom-buttons">
                <span></span>
              </a>    
            </div>
      </wicket:link>
    </div>
    <div wicket:id="editorParent">
      <textarea wicket:id="editor"></textarea>
    </div>
  </div>
</wicket:panel>
</body>
</html>
